
 <link rel="stylesheet" href="/source\plugin\boan_payment\lib\vue\element.css">
  <style>
 	.text{
		font-size:14px;
		color:#606266;
	}
	.item{
		clear:both;
		padding:5px;
	}
	
 </style>
  <script src="/source\plugin\boan_payment\js\jquery-1.11.0.min.js"></script>
 <script src="/source\plugin\boan_payment\lib\vue\vue.min.js"></script>
 <script src="/source\plugin\boan_payment\lib\vue\element.js"></script>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="">
    <meta name="description" content=",{$_G['setting'][sitename]">
	<title>{$_G['setting'][sitename]}-{lang boan_payment:wxpaycashier}</title>
</head>
<body>
	<div id="app">  
        
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <img src="/source\plugin\boan_payment/images/wxpay.jpg" style="width:80px;float:left;">
            <span style="font-size: 40px; margin-top:10px; margin-top:12px; float:left;">{lang boan_payment:wxpay1}</span>
          </div>
         
        </el-card>
        <el-card class="box-card">
        	 <div class="text item">
                  <span>{lang boan_payment:amount}</span>
                  <span style="font-size:20px; color:orange; float:right;">{$order['amount']}{lang boan_payment:pay3}</span>
              </div>
              <div class="text item">
                  <span>{lang boan_payment:order_id}</span>
                  <span style="float:right;">{$order['order_id']}</span>
              </div>
              <div class="text item">
                  <span>{lang boan_payment:ordertitle}</span>
                  <span style="float:right;">{$order['subject']}</span>
              </div>
              <div class="text item">
                  <span>{lang boan_payment:title2}{$order['body']}</span>
              </div>
               <div class="text item">
                  <span>{lang boan_payment:title5}</span>
                  <span style="float:right;">{$order['create_time']}</span>
              </div>
               <div class="text item">
                  <span>{lang boan_payment:title7}</span>
                  <span style="float:right;">{$order['expire_time']}</span>
              </div>
        </el-card>
       
        <el-row style="margin-top:30px; text-align:center">
          <el-col :span=12>
	           <el-button type="primary" @click="callpay();">{lang boan_payment:gopay1}</el-button>
          </el-col>
          <el-col :span=12>
	           <el-button type="info" plain  @click="window.history.go(-1);">{lang boan_payment:cancelpay}</el-button>
          </el-col>
         
          
        </el-row>
           
    <script>
	   function jsApiCall()
		{
			WeixinJSBridge.invoke(
				'getBrandWCPayRequest',
				 {$jsApiParameters},
				function(res){
					if(res.err_msg == 'get_brand_wcpay_request:ok'){
						 window.location.href='$backurl';
					}
				}
			);
		}
            	
		function callpay()
		{
			if (typeof WeixinJSBridge == "undefined"){
				if( document.addEventListener ){
					document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
				}else if (document.attachEvent){
					document.attachEvent('WeixinJSBridgeReady', jsApiCall);
					document.attachEvent('onWeixinJSBridgeReady',jsApiCall);
				}
			}else{
				jsApiCall();
			}
		}
      
	   var Main = {
		data () {
		  return {
			
		  };
		},
		computed:{
			
		},
		methods:{
			
			
		},
		mounted(){
		  callpay();
		}
	  }
	var Ctor = Vue.extend(Main);
	new Ctor().{$VUE}mount('#app');
	
	
	</script>
  
   
</body>



